<!DOCTYPE html>
<html>
	<head>
		<title><?php if( isset( $title ) ) echo $title; ?></title>
		<link rel="stylesheet" type="text/css" href="/css/styles.css" />
		<!--[if IE 6]>
			<link rel="stylesheet" type="text/css" href="/css/ie6.css" />
			<script src="/js/DD_belatedPNG_0.0.8a-min.js"></script>
			<script>
			DD_belatedPNG.fix('.png');
			</script>
		<![endif]--> 
	</head>
	<body>
		<div id="login" >
				<h1>USER LOGIN</h1>
				<ul>
					<form action="/login/submit" method="POST">
						<div><label>Student/Employee No: (e.g. 200710000)</label><input name="username" type="text" maxlength="20" size="24" /></div>
						<div><label>Password</label><input name="password" type="password" maxlength="21" size="24" /></div>
						<div><input id="btnSubmit" type="submit" name="Submit" value="Log In "/></div>
					<?php 
		if( isset( $hiddenInputs ) ) {
			foreach( $hiddenInputs as $key => $val ) {
		?>						<input type="hidden" name="<?php echo $key ?>" value="<?php echo $val ?>" />
		<?php	
			}
		}
		?>
				</form>
			</ul>
		</div>
	</body>
</html>
